{% if liste_commandes %}

    <table style="width: 100%; padding: 5px;" class="ui-widget shadowblack table_asgard">
        <thead class="ui-widget-header">
	        <tr>
	            <th>
	            	Tên đơn hàng   
	            </th>
	            <th>
	                Khách hàng
	            </th>
	            <th>
	                Số lượng
	            </th>
	             <th>
	                Đơn vị
	            </th>
	             <th>
	                Giá tiền
	            </th>
	            <th>
	                DV1
	            </th>
	            <th>
	                DV2
	            </th>
	            <th>
	                DV3
	            </th>
	            <th>
	                Tổng cộng
	            </th>
	        </tr>
        </thead>
        <tbody>
        {% for p in liste_commandes %}
            <tr class="{% cycle 'row0' 'row1' %}">
                <td style="text-align: center; width: 150px;">
                    <a href="/commandes/details/{{p.pk}}/">{{ p.nom|title }}</a>
                </td>
                <td style="text-align: center;">
                    {{ p.client|title }}
                </td>
                <td style="text-align: center;">
                 	{{ p.quantite|title }}
                </td>
                <td style="text-align: center;">
                    {{ p.unite|title }}
                </td>
                <td style="text-align: center;">
                    {{ p.prix }}
                </td>
                <td style="text-align: right;">
                    {{ p.autre1 }}
                </td>
                <td style="text-align: right;">
                    {{ p.autre2 }}
                </td>
                <td style="text-align: right;">
                    {{ p.autre3 }}
                </td>
                <td style="text-align: right;">
                    {{ p.total }}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% else %}

    <div style="width: 40%; margin: auto;">
        <div class="ui-widget shadowblack">
            <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 1em;">
                <p>
                    <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em; text-align:center;"></span>
                    Không tìm thấy đơn hàng nào trong hệ thống!!!
                </p>
            </div>
        </div>
    </div>
    <br/>

{% endif %}